<template>
  <div>
    <el-row :gutter="20">
      <!-- 第一个块状容器 -->
      <el-col :span="12">
        <el-card shadow="always">
          <h4>基本信息</h4>
          <p>云端数据接收时间：2025-06-26 14:06:35</p>
          <p>煤矿上传时间：2025-06-26 14:06:30</p>
          <p>水泵总数：3台</p>
          <p>实际上传点位：85个</p>
        </el-card>
      </el-col>
      <!-- 第二个块状容器 -->
      <el-col :span="12">
        <el-card shadow="always">
          <h4>流量信息</h4>
          <div style="display: flex; justify-content: space-between;">
            <div><p>2号总管_累计流量：7366.7m³</p></div>
            <div><p>2号总管_瞬时流量：0.0m³/min</p></div>
          </div>
          <div style="display: flex; justify-content: space-between;">
            <div><p>1号总管_累计流量：38742.7m³</p></div>
            <div><p>1号总管_瞬时流量：0.0m³/min</p></div>
          </div>
        </el-card>
      </el-col>
      <!-- 第三个块状容器 -->
      <el-col :span="12">
        <el-card shadow="always">
          <img src="https://via.placeholder.com/300x150" alt="Pump Image" style="width: 100%; height: auto;">
          <h4>详细信息</h4>
          <p>通讯状态：通讯正常</p>
          <p>运行状态：停止</p>
          <p>就地模式：关</p>
          <p>远程模式：开</p>
          <p>检修模式：关</p>
          <p>集控：开</p>
          <p>单控：关</p>
          <p>轮巡方式：关</p>
          <p>吸水口负压：未上传</p>
          <p>出口压力：未上传</p>
          <p>泵体前轴温度：20.2℃</p>
          <p>泵体后轴温度：19.9℃</p>
          <p>电机前轴温度：21.9℃</p>
          <p>电机后轴温度：21.4℃</p>
          <p>电机电流：0A</p>
          <p>电机电压：710V</p>
          <p>液位1：2.05m</p>
          <p>液位2：0.59m</p>
          <p>液位最低值：0.5m</p>
          <p>液位最高值：5m</p>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'DrainageSystemPumpRoom',
  props: {
    subPageIndex: Number
  }
};
</script>

<style scoped>
.el-card p {
  margin: 5px 0;
}
</style>



